<template>
	<view id="action">
		<my-header :title="title" :index="true"></my-header>
		<uni-card style="margin-top: 60px;">
			<uni-collapse accordion>
				<uni-collapse-item v-for="(item, index) in listData" :show-animation="true">
					<template v-slot:title>
						<view class="itemTitle">
							{{index + 1 + '. ' + item.title}}
						</view>
					</template>
					<view class="content">
						<uni-link v-if="item.url" :href="item.url">{{item.url}}</uni-link>
						<text class="text" v-else>{{item.content}}</text>
						<view class="">功能：{{item.description}}</view>
					</view>
				</uni-collapse-item>
			</uni-collapse>
		</uni-card>
	</view>
</template>

<script>
	import MyHeader from '@/components/header.vue'
	export default {
		components: {
			MyHeader,
		},
		data() {
			return {
				title: '益企办',
				listData: [
					{
						title: '太仓市企业服务总入口申报链接',
						url: 'http://www.taicangqyfw.com.cn/declare/apply',
						description: '各类项目申报入口'
					},
					{
						title: '太仓市企业服务总入口专业服务超市链接',
						url: 'http://www.taicangqyfw.com.cn/medium',
						description: '第三方机构名录'
					},
					{
						title: '江苏省投资项目在线审批监管平台',
						url: 'https://tzxm.fzggw.jiangsu.gov.cn/tzxmweb/pages/portal/main_page/work_page.jsp',
						description: '投资备案'
					},
					{
						title: '太仓市安全生产监管信息系统（网页版）',
						url: 'http://218.104.41.138:28004/ezsafeqy/#/',
						description: '修改企业基本信息；更新员工库（入职、离职、职务变更、安知宝完成情况查询）；查询企业风险点数量及风险大小等'
					},
					{
						title: '太仓安全监管平台（微信小程序）',
						content: '微信小程序搜索“太仓安全监管”',
						description: '每月隐患自查；对网格巡查出的隐患进行整改等'
					},
					{
						title: '太仓应急管理公众号',
						content: '微信关注“太仓应急管理”公众号--进入后点击“微服务”--“安全培训”进入安知宝',
						description: '安全知识培训、考试等'
					},
					{
						title: '江苏省工业企业安全生产风险报告系统',
						url: 'https://aqfxbg.jszwfw.gov.cn:48000/risk-report/#/statistics/reportInfo',
						description: '上报、修改风险报告'
					},
					{
						title: '苏州职业健康监管信息管理平台',
						url: 'https://zyjk.wsjkw.suzhou.com.cn:19022/',
						description: '职业健康申报'
					},
					{
						title: '江苏省特种设备企业服务云平台',
						url: 'http://221.224.13.42:9070/bes/#/sz/login',
						description: '特种设备'
					},
					{
						title: '江苏省应急管理综合应用平台',
						url: 'https://yjt.jszwfw.gov.cn:31443/portal-web/#/login-page',
						description: '安全生产费用提取、填报等'
					},
					{
						title: '小临工程备案',
						content: '微信公众号“太仓综治联动12345”小临工程报备',
						description: '小临工程报备'
					},
					{
						title: '信用修复',
						url: 'https://www.creditchina.gov.cn/',
						description: '信用查询、修复'
					},
					{
						title: '江苏政务服务网',
						url: 'https://www.jszwfw.gov.cn/jsjis/front/login.do?uuid=6SmkNXXmpPY4',
						description: '企业开办、变更等信息录入'
					},
					{
						title: '双凤镇商会',
						content: '微信搜索“双凤镇商会”',
						description: '商会动态信息'
					},
				],
			}
		},
		methods: {
		}
	}
</script>

<style scoped>
	#action {
		/* display: inline-block; */
		height: calc(100vh -50px);
	}
.itemTitle {
	/* border-bottom: 1px solid #A9A9A9; */
	line-height: 35px;
	padding: 5px 8px;
}
/* .itemTitle::before {
	 content: " ";
	 display: inline-block;
	 width: 6px;
	 height: 16px;
	 background-color: #1a72ff;
	 position: relative;
	 top: 3px;
	 right: 8px;
} */
</style>

